/** @type {import('tailwindcss').Config} */
module.exports = {
  content: [
    "./index.html",
    "./src/**/*.{vue,js}"
  ],
  theme: {
    extend: {
      fontFamily: {
        default: ['Helvetica', 'Noto Sans TC', 'sans-serif'],
      },
      colors: {
        orange: '#ff5601',
        orangeLight: '#ff9903',
        orangeDark: '#eb4f37',
        red: '#d9302c',
        black: '#2c3134',
        gray: '#7b7b7b',
        grayBlack: '#3e3e3e',
        grayLight: '#f7f9fa',
        muted: '#c2c2c2',
        purple: '#2d3376',
        aws: '#f29520',
        gcp1: '#fbbc05',
        gcp2: '#ea4335',
        gcp3: '#4285f4',
        azure: '#589fd3',
        cloudFlare1: '#f58220',
        cloudFlare2: '#fbae40',
        huawei: '#e50012',
        tencent1: '#01c2e0',
        tencent2: '#0185ff',
        alibaba: '#ff6900',
        grayHeader: '#524c49',
      },
      boxShadow: {
        xl: '0 8px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)',
      },
      width: {
        '1200': '1200px'
      },
      backgroundImage: {
        'sm': "url('@/assets/images/kv_banner_mo.webp')",
        'md': "url('@/assets/images/kv_banner.webp')",
        'lg': "url('@/assets/images/kv_banner.webp')",
        'section-sm': "url('@/assets/images/bg-mo.webp')",
        'section-lg': "url('@/assets/images/bg.webp')"
      },
      fontSize: {
        '38px': '38px',
        '32px': '32px'
      }
    },
  },
  plugins: [],
}
